<?php if(empty($razas)):?>
<h1>No existe datos todavia</h1>
<?php else:?>
<div class="grid_8">
<div class="box">
	<div class="header">
		<img src="img/icons/packs/fugue/16x16/shadeless/table-excel.png" width="16" height="16">
	<h3>Razas</h3><span></span>
	</div>
</div>
<div class="content">
	<table class="table" id="table-example">
	<thead>
		<tr>
		<th>#</th>
		<th>Raza</th>
        <th>Descripci&oacute;n</th>
		<th>Accion</th>
	    </tr>
	</thead>
	<tbody>
	<?php $n=1; foreach($razas as $raza):?>
		<tr>
			<td><?php echo $n; $n++;?></td>
			<td><?php echo $raza['Raza']['nombre']?></td>
			<td><?php echo $raza['Raza']['descripcion']?></td>
			<td>
            <?php 
              echo $this->Html->link(
              $this->Html->image("icons/packs/diagona/16x16/018.png", array("alt" => "Editar")),
              array('action'=>"editar",$raza['Raza']['id']),
              array('escape' => false)
              );
              ?>&nbsp;
             <?php echo $this->Html->link(
              $this->Html->image("cross.png", array("alt"=>"ver")),
              array('action'=>"eliminar",$raza['Raza']['id']),
              array('escape' => false), 
              ("Desea eliminar realmente??")
              ); ?>
              
            </td>
		</tr>
	<?php endforeach;?>	
	</tbody>   
	</table>
	
</div>
</div>
<?php endif;?>
<div class="grid_4">
			<div id="blocks" class="box tabbed">
		 		<div class="header">
				<h3>Acciones</h3>
				</div>
				<div class="content">
					<ul id="block-list-icons" class="block-list with-icon tab-content">
						<li class="i-16-calendar"><?php echo $this->Html->link('Lista razas', array('action'=>'index'))?></li>
						<li class="i-16-application"><?php echo $this->Html->link('Registrar nueva raza',array('action'=>'insertar'))?></li>
						<li class="i-16-drive">Imprimir</li>
						<li class="i-16-chart">Reportes</li>
						<li class="i-16-balloon">Lorem ipsum</li>
					</ul>
				</div> <!-- End of .content -->
				</div> <!-- End of .box -->
</div> <!-- End of .grid_4 -->
<div class="clear"></div>	
</div>

<script>
			$(window).load(function() {
				$('#table-example').dataTable();
				$(window).resize();
			});
</script>